<template>
  <div>
    <div style=" width: 80%;margin: auto" >
      <el-row>
        <el-col :span="24" style="background-color: beige"><h1 style="text-align: center"> 进存销系统管理</h1></el-col>
      </el-row>
      <el-row>
        <el-col :span="4">
          <el-menu
              active-text-color="#ffd04b"
              background-color="#545c64"
              class="el-menu-vertical-demo"
              default-active="2"
              text-color="#fff"
              @open="handleOpen"
              @close="handleClose"
          >
            <el-sub-menu index="1">
              <template #title>
                <el-icon><location /></el-icon>
                <span>资料管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item   index="1-1" @click="$router.push('/Index/supplier')">供应商管理</el-menu-item>
                <el-menu-item index="1-2"  @click="$router.push('/Index/client')">客户管理</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>

            <el-sub-menu index="2">
              <template #title>
                <el-icon><location /></el-icon>
                <span>采购管理</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="2-1" @click="$router.push('/Index/buyerCar')" > 采购入库</el-menu-item>
                <el-menu-item index="2-2" @click="$router.push('/Index/purchaseInfo')"> 采购信息查询</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="3">
              <template #title>
                <el-icon><location /></el-icon>
                <span>销售管理</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="3-1" @click="$router.push('/Index/sell')" > 销售出库</el-menu-item>
               <el-menu-item index="3-2"  @click="$router.push('/Index/sellInfo')" > 销售信息查询</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>

            <el-sub-menu index="4">
              <template #title>
                <el-icon><location /></el-icon>
                <span>库存管理</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="4-1"  @click="$router.push('/Index/product')" > 库存一览</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>

            <el-sub-menu index="5">
              <template #title>
                <el-icon><location /></el-icon>
                <span>统计信息</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="5-1"> 销售统计</el-menu-item>
                <el-menu-item index="5-2"> 月销售统计</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>

            <el-sub-menu index="6">
              <template #title>
                <el-icon><location /></el-icon>
                <span>权限管理</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="6-1"  @click="$router.push('/Index/user')"> 用户管理</el-menu-item>
                <el-menu-item index="6-2"   @click="$router.push('/Index/role')"> 角色管理</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="7">
              <template #title>
                <el-icon><location /></el-icon>
                <span>个人信息管理</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="7-1"> 修改密码</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>


            <el-sub-menu index="8">
              <template #title>
                <el-icon><location /></el-icon>
                <span>日志信息</span>
              </template>
              <el-menu-item-group >
                <el-menu-item index="8-1" @click="$router.push('/Index/log')"> 日志一览</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
          </el-menu>
        </el-col>
        <el-col :span="20">
          <router-view/>
        </el-col>
      </el-row>
    </div>
  </div>

</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style scoped>

</style>